<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>抽奖活动</title>
<style type="text/css">
* {
	padding:0;
	margin:0;
	font-size:12px;
	font-family:"微软雅黑";
}
ul, li {
	list-style:none;
}
img {
	border:0;
}
.bgblack {
	display: none;	
	position:fixed;
	_position:absolute;/*IE6*/
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	_height:2025px;
	background-color: black;
	z-index: 1001;
	-moz-opacity: 0.8;
	opacity: .80;
	filter: alpha(opacity = 80);
}
.none {
	display: none;
	position:fixed;
	_position:absolute;
	top: 50%;
	/*_top: expression(documentElement.scrollTop + (document.documentElement.clientHeight-

this.offsetHeight)/2);*/
	_top:1200px;
	left: 50%;
	z-index: 1002;
	overflow: auto;
}
.clearfix:after {
	content:".";
	display:block;
	height:0;
	line-height:0;
	clear:both;
	visibility:hidden;
}
.clearfix {
	display:inline-block;
	_display:block;
	zoom:1;
}
.w895 {
	position:relative;
	width:895px;
	margin:0 auto;
}
.header {
	width:100%;
	height:661px;
	overflow:hidden;
	background:url(images/bgheadimg.jpg) no-repeat center top;
}
#myabsul{ top:0;
	position:absolute;
	left:70px;
	width:600px;}
.header .abs li{height:40px;color:#231815;font-weight:bold;}
.header .abs li a{color:#231815; text-decoration:none;font-size:16px;}
.header .abs li a:hover{color:#231815;}
.main {
	width:100%;
	height:1243px;
	background:url(images/bgbodyimg.jpg) no-repeat center top;
}
.main .titlezhanshi {
	height:40px;
	background:url(images/titlezhanshi.png) no-repeat;
}
.main .title {
}
.main .btngo {
	width:442px;
	height:250px;
	position:relative;
	font-size:11px;
	margin-top:15px;
	overflow:hidden;
	color:#302826;
	float:left;
	display:inline;
}
.main .btngo .mybtn {
	position:absolute;
	display:block;
	width:240px;
	height:95px;
	left:125px;
	top: 6px;
}
.main .btngo .fenxiang {
	width:300px;
	height:22px;
	position:absolute;
	left: 150px;
	top: 105px;
}
.main .btngo h2 {
	font-size:18px;
	margin:110px 0 5px 0;
	font-weight:900;
}
.main .btngo h3 {
	font-size:14px;
	padding-left:6px;
	line-height:22px;
}
.main .btngo p {
	width:405px;
	line-height:18px;
	padding-left:7px;
}
.main .btngo p a {
	color:#e60012;
	text-decoration:none;
}
.main .btngo p a:hover {
	color:#e60012;
}
.main .jingpin {
	width:442px;
	height:250px;
	margin-top:15px;
	overflow:hidden;
	float:right;
	display:inline;
}
.main .weibo {
	width:442px;
	height:250px;
	margin-top:15px;
	overflow:hidden;
	float:left;
	display:inline;
}
.main .mingdan {
	width:442px;
	height:250px;
	margin-top:15px;
	overflow:hidden;
	float:right;
	display:inline;
}
.main ul.ulzhanshi {
	border:solid 2px #84c2eb;
	border-top:none;
	overflow:hidden;
	width:840px;
	height:465px;
	padding:0 10px 0 40px;
}
.main ul.ulzhanshi li {
	float:left;
	display:inline;
	padding-top:8px;
}
.main ul.ulzhanshi li.first {
	padding-left:80px;
}
.main .basebor {/*height:200px;border:solid 2px #84c2eb; overflow:hidden; width:438px; border-top:none;*/
	background:url(images/partbgimg.png) no-repeat;
	height:201px;
	width:442px;
	overflow:hidden;
}
.main ul.jiangpin {
	position:relative;
}
.main ul.jiangpin p.p10 {
	margin-top:10px;
	text-align:center;
}
.main ul.jiangpin li {
	float:left;
	display:inline;
	margin:15px 0 0 15px;
	width:125px;
	height:125px;
	background:url(images/listbgimg.jpg) no-repeat;
}
.main p.tishi {
	color:#e60012;
	font-size:10px;
	text-align:right;
	font-weight:bold;
	position:absolute;
	left: 682px;
	top: 749px;
	_width:180px;
}
.main h3.h3mingdan {
	background:url(images/titlemingdan.png) no-repeat;
	height:40px;
	position:relative;
}
.main h3.h3mingdan .num {
	position:absolute;
	font-size:12px;
	color:#fff;
	left: 324px;
	top: 17px;
}
.main ul.mingdanul {
	clear:both;
	font-size:12px;
	padding:10px 0 0 15px;
}
.main ul.mingdanul li {
	height:20px;
	line-height:20px;
	width:400px;
}
.main ul.mingdanul li span {
	float:right;
}
ul.logosul {
	padding:30px 0 0 50px;
}
ul.logosul li {
	float:left;
	display:inline;
	padding:0 15px;
	background:url(images/bglogoline.jpg) no-repeat;
}
ul.logosul li.first {
	background:none;
}
.footer {
	width:100%;
	height:121px;
	background:url(images/footbg.png) no-repeat center top;
}
.tishi_yes {
	background:url(images/tishi_yes.jpg) no-repeat;
	width:501px;
	height:251px;
	margin-top:-125px;
	margin-left:-250px;
}
.tishi_no {
	background:url(images/tishi_no.jpg) no-repeat;
	width:501px;
	height:251px;
	margin-left:-250px;
	margin-top:-125px;	
}
.tishi_phone {
	background:url(images/tishi_phone.jpg) no-repeat;
	width:501px;
	height:511px;
	margin-left:-250px;
	margin-top:-260px;
}
.tishi_input {
	background:url(images/tishi_input.jpg) no-repeat;
	width:335px;
	height:394px;
	margin-left:-167px;
	margin-top:-197px;
}
.tishi_xiangqing {
	background:url(images/tishi_xiangqing.jpg) no-repeat;
	width:941px;
	height:1057px;
	margin-left:-470px;
	top:0;
}

.close{float:right;width:50px;height:40px; cursor:pointer;}
.IMEIma{width:250px; height:30px; border:0;background:none;height:30px; line-height:30px; position:absolute;left:45px;top:80px;}
.username{width:250px; height:30px; border:0;background:none;height:30px; line-height:30px; position:absolute;left:45px;top:156px;}
.telphone{width:250px; height:30px; border:0;background:none;height:30px; line-height:30px; position:absolute;left:45px;top:233px;}
.OKsubmit{width:150px; cursor:pointer;height:35px;top:290px;left:95px; background:none;border:0;position:absolute;}
.xinxi{position:absolute;width:285px;_width:295px;top:340px; left:25px; text-align:center; color:#e60012; font-size:13px; font-weight:bold;}
#cx_fs{width:128px;height:22px;position:absolute;left:165px;top:60px;cursor:pointer;}
ul.hdxqul{margin:160px 130px 0 95px; _margin-top:130px;color:#231f20; clear:both; font-size:14px; font-weight:bold;}
ul.hdxqul li{ line-height:22px;}
ul.hdxqul li em{ font-size:14px; color:#ed1c24; font-weight:bold; font-style:normal;}
.mingdan_p{padding:165px 0 0 100px; line-height:22px; color:#231f20; font-size:14px; font-weight:bold;}
.mingdan_p strong{ font-size:16px;}
</style>
<script type="text/javascript" src="js/jquery-1.7.2.min.js"></script>
</head>
<body>
<div class="header">
  <div class="w895" style="padding-top:634px;">
  <div style="position:relative;width:800px;height:40px;overflow:hidden;">
  <ul class="abs" id="myabsul">
    	<li><a href="#">1111各门店中奖信息每周二周五更新……</a></li>
        <li><a href="#">222各门店中奖信息每周二周五更新……</a></li>
        <li><a href="#">333各门店中奖信息每周二周五更新……</a></li>
        <li><a href="#">4444各门店中奖信息每周二周五更新……</a></li>
    </ul>
  </div>
  </div>
</div>
<div class="main">
  <div class="w895" style="padding-top:10px;">
    <h3 class="titlezhanshi"></h3>
    <ul class="ulzhanshi clearfix">
      <li class="first"><a href="" target="_blank"><img src="images/listimg1.jpg" /></a></li>
      <li><a href="" target="_blank"><img src="images/listimg2.jpg" /></a></li>
      <li><a href="" target="_blank"><img src="images/listimg3.jpg" /></a></li>
      <li><a href="" target="_blank"><img src="images/listimg4.jpg" /></a></li>
      <li><a href="" target="_blank"><img src="images/listimg5.jpg" /></a></li>
      <li><a href="" target="_blank"><img src="images/listimg6.jpg" /></a></li>
      <li><a href="" target="_blank"><img src="images/listimg7.jpg" /></a></li>
      <li><a href="" target="_blank"><img src="images/listimg8.jpg" /></a></li>
      <li><a href="" target="_blank"><img src="images/listimg9.jpg" /></a></li>
    </ul>
    <div class="clearfix">
      <div class="btngo"> <a href="javascript:void(0)" id="mybtn" class="mybtn"><img src="images/btncjcj.jpg" width="240" height="95" /></a>
        <div class="fenxiang">
          <!-- JiaThis Button BEGIN -->
          <div id="ckepop"> <span class="jiathis_txt">分享到：</span> <a class="jiathis_button_icons_1"></a> <a class="jiathis_button_icons_2"></a> <a class="jiathis_button_icons_3"></a> <a class="jiathis_button_icons_4"></a> <a href="http://www.jiathis.com/share" class="jiathis jiathis_txt jtico jtico_jiathis" target="_blank"></a> <a class="jiathis_counter_style"></a> </div>
          <script type="text/javascript" src="http://v3.jiathis.com/code/jia.js?uid=1340768338328336" charset="utf-8"></script>
          <!-- JiaThis Button END -->
        </div>
        <h2><img src="images/titlehdjs.png" /></h2>
        <h3>活动时间:2012年7月10日——8月10日</h3>
        <p>活动期间，成功购买指定促销手机（MOTO:XT615﹑XT536﹑XT910 MAXX SONY:LT18i﹑MT27i﹑ST27i﹑LT26i HTC:S610d﹑A310e）后，参加抽奖活动，即有机会获得手机大奖（每天5部）及其它奖品，并于每周二﹑五公布获奖名单，请于购机后及时索要发票（或其他有效购机凭证），中奖后需凭姓名对应的身份证号﹑购机凭证及手机保修卡领奖<a href="xiangqing.html" target="_blank" id="more">[更多详情……]</a></p>
      </div>
      <div class="jingpin">
        <h3><img src="images/titlejingpin.png" /></h3>
        <ul class="jiangpin basebor clearfix">
          <li>
            <p><a href="#"><img src="images/jp1.jpg" /></a></p>
            <p class="p10"><img src="images/jiang1.png" /></p>
          </li>
          <li>
            <p><a href="#"><img src="images/jp2.jpg" /></a></p>
            <p class="p10"><img src="images/jiang2.png" /></p>
          </li>
          <li>
            <p><a href="#"><img src="images/jp3.jpg" /></a></p>
            <p class="p10"><img src="images/jiang3.png" /></p>
          </li>
        </ul>
        <p class="tishi">礼品图片仅供参考，请以实物为准！</p>
      </div>
      <div class="weibo">
        <h3><img src="images/titleweibo.png" /></h3>
        <div class="basebor" align="center"><a href="#" target="_blank"><img src="images/weiboimg.jpg" width="420" height="195" /></a></div>
      </div>
      <div class="mingdan">
        <h3 class="h3mingdan"><span class="num">已有1280人获奖</span></h3>
        <div class="basebor">
          <ul class="clearfix mingdanul">
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
            <li><span>2012-06-26 16:45</span>XXX获得无线鼠标一个</li>
          </ul>
        </div>
      </div>
    </div>
    <ul class="logosul clearfix">
      <li class="first"> <a href="#" target="_blank"><img src="images/logos1.png" /></a> </li>
      <li> <a href="#" target="_blank"><img src="images/logos2.png" /></a> </li>
      <li> <a href="#" target="_blank"><img src="images/logos3.png" /></a> </li>
      <li> <a href="#" target="_blank"><img src="images/logos4.png" /></a> </li>
      <li> <a href="#" target="_blank"><img src="images/logos5.png" /></a> </li>
    </ul>
  </div>
</div>
<div class="footer"></div>
<div class="tishi_yes none"><span id="close_yes"  class="close"></span>
	<p style="color:#231f20; font-size:24px; padding:70px 20px 0 80px; _font-weight:bold; _padding:0; _margin:70px 20px 0 80px;">“系统已经收录您的信息，获奖名单将于每周二，周五公布，敬请关注!”</p>
</div>
<div class="tishi_no none"><span id="close_no"  class="close"></span>
	<p style="color:#231f20; _font-weight:bold; font-size:24px; padding:70px 20px 0 80px;_padding:0; _margin:70px 20px 0 80px;">“您输入的手机IMEI码有误,请确定后再次输入（如有疑问，请咨询店内营业员，或者致电客服）</p>
    <p style="color:#231f20; font-weight:bold; font-size:14px; padding:60px 0  0 20px;_padding:65px 0 0 30px;">客服电话：010-87663751   咨询时间：周一至周五10：00-17：00   </p>
</div>
<div class="tishi_phone none"><span id="close_phone"  class="close"></span></div>
<div class="tishi_input none">
	<span  id="close_input" class="close"></span>
    <span id="cx_fs"></span>
	<input type="text" class="IMEIma" />
    <input type="text" class="username" />
    <input type="text" class="telphone" />
    <input type="submit" value="" class="OKsubmit" />
    <span class="xinxi">请填写真实有效电话、姓名，中奖后需凭姓名所
对应的身份证号、购机凭证及手机保修卡领奖</span>
</div>


<div id="bg_phone" class="bgblack"></div>
<script type="text/javascript">
var myabsul=$('#myabsul');
var myheight=myabsul.height()-80;
var mytop=0;
function myscroll(){
	if(mytop<-myheight)
	{
		mytop=0;
	}
	else
	{
		mytop=mytop-40;
	}
	myabsul.css('top',mytop+'px');
}
var mysetinterval=setInterval(myscroll,1500);
$('#myabsul').mouseover(function(){
		clearInterval(mysetinterval);
	});
$('#myabsul').mouseout(function(){
	mysetinterval=setInterval(myscroll,1500);
});
$(function(){
	$('.IMEIma').val("");
	$('.username').val("");
	$('.telphone').val("");
	$("#mybtn").click(function(){
		$("#bg_phone").show();
		$(".tishi_input").show();
	});
	$("#close_input").click(function(){
		$("#bg_phone").hide();
		$(".tishi_input").hide();
		$(".IMEIma").val("");
		$(".username").val("");
		$(".telphone").val("");
	});
	/*$(".IMEIma").click(function(){
		$(".tishi_input").hide();
		$(".tishi_no").show();
	});*/
	$("#close_no").click(function(){
		$(".tishi_no").hide();
		$(".tishi_input").show();
	});
	$(".OKsubmit").click(function(){
		if($('.IMEIma').val()==""||$('.IMEIma').val()==null){
			$(".tishi_no").show();}
		else{			
			var mytel=$(".telphone").val();
			if(!(/^1[3|4|5|8][0-9]\d{4,8}$/.test(mytel))){
			alert("请输入正确的手机号码");  
			return false; 
			$(".telphone").focus();
			}
			$(".tishi_yes").show();
		}
		$(".tishi_input").hide();
					
	});
	$("#close_yes").click(function(){
		$(".tishi_yes").hide();
		$("#bg_phone").hide();
	});
	$("#cx_fs").click(function(){
		$(".tishi_input").hide();
		$(".tishi_phone").show();
	});
	$("#close_phone").click(function(){
		$(".tishi_phone").hide();
		$(".tishi_input").show();
	});
	/*$("#more").click(function(){
		$(".tishi_xiangqing").show();
		$("#bg_phone").show();
		$("#close_xiangqing").click(function(){
			$(".tishi_xiangqing").hide();
			$("#bg_phone").hide();
		});
	});*/
	
})
</script>
</body>
</html>
